<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8"/>
		<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
		<title>FaceFun_正版精品漫画平台</title>
		<!-- Bootstrap CSS -->
		<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
		<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"/>
		
		<link rel="stylesheet" type="text/css" th:href="@{/css/public.css}"/>
		<link rel="stylesheet" type="text/css" th:href="@{/css/headerandfooter.css}"/>
		<link rel="stylesheet" type="text/css" th:href="@{/css/itemsee.css}"/>
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
			<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>
		<body>
			
			<div th:replace="front/index :: loginmodal"></div>
			
			<nav th:fragment="blackheader" class="navbar navbar-inverse navbar-fixed-top" role="navigation">
			
					<div class="navbar-header">
						<a class="navbar-brand" th:href="@{/index}">
							<img class="pull-left logo" th:src="@{/img/logoinser.png}" />
							<span class="brand icon">FaceFun</span>
						</a>
					</div>

					<div class="toptitle">
						<ul>
							<li><a th:href="@{/index}">首页</a></li>
							<li><a th:href="@{'/cartoon/'+${cp.ctId}}">[[${cp.ctName}]]</a></li>
							<li><span class="disabled">[[${cp.cpId}]]话&nbsp;&nbsp;[[${cp.name}]]</span></li>
						</ul>
					</div>

					<div class="rightarea">
						<ul class="nav navbar-nav" th:if="${session.user==null}">
									
										<li><a class="loginbtn" data-toggle="modal" href="#mymodal"  data-backdrop="static" data-keyboard="false">登录</a></li>
										<li><span class="sperator" title="">|</span></li>
										<li><a class="registerbtn " th:href="@{/user/regist}">注册</a></li>
										<li id="shelf">
											<a href="#mymodal">书架&nbsp;</a>
											<div class="pop">
												<div class="arrow"></div>
												<div class="loginalert grey">收藏喜欢的漫画，随时追更<a href="#mymodal" data-toggle="modal" data-backdrop="static" data-keyboard="false" class="btn btn-danger">点击登录</a></div>
											</div>
										</li>
										<li><a href="#mymodal">消息</a></li>
							</ul>
								
							<ul class="nav navbar-nav" th:if="${session.user!=null}" th:object="${session.user}" >
									  <li class="headpic" id="headpic">
										<a >
											<img class="img-circle" height="35px" width="35px" th:src="*{headimg}" />
										</a>
										<div class="pop">
										  <div class="headtitle">[[*{name}]]</div>
										  <a th:href="@{/user/exit}" class="btn btn-danger"><span class="glyphicon glyphicon-log-out"></span>&nbsp;&nbsp;退出登录</a>'
									  	</div>
									  </li>
									  <li id="shelf">
											<a th:href="@{/store}">书架&nbsp;<span class="badge">4</span></a>
											<div class="pop" id="storelist"></div>
										</li>
								 
								
								<li><a href="#">消息</a></li>
				
							</ul>
					</div>
						
			</nav>
			
			
			
				
			<!-- 主要内容模块 -->
			<div class="content">
				<div class="container">
					<div class="adv text-center">
						<a href="" title="">
						   <img src="https://easyread.nosdn.127.net/pic2017042136d08acc8c8d47be8d0f7685e956d0af.jpg" />
						</a>
					</div>
					
					<div class="row content-info">
				

						<div class="pageritem text-center">
								<img th:each="p:${cp.pics}" th:src="${p.pgImg}"/>
							
							
						</div>

						<div class="bottombutton text-center">
							<a th:href="@{'/reader/'+${cp.ctId}+'/'+${cp.cpId+1}}" class="btn btn-danger readbtn">下一话&nbsp;&nbsp;<span class="glyphicon glyphicon-menu-down"></span></a>
						</div>
					</div>
					

					<div class="adv text-center">
						<a href="" title="">
						   <img src="https://easyread.nosdn.127.net/pic2017042136d08acc8c8d47be8d0f7685e956d0af.jpg"/>
						</a>
					</div>
				</div>
			</div>
			

			<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
   		    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
			<!-- Bootstrap JavaScript -->

			<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
			<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
			<script src="https://cdn.bootcss.com/1000hz-bootstrap-validator/0.11.9/validator.min.js"></script>
			<script th:src="@{/js/topbar.js}" type="text/javascript"></script>
	 		<script>
		 		$(function(){
		 			pope.init([$('#headpic'),$('#shelf')]);
	
		 			modal.action();
	
	
		 		});
	 		</script>
		</body>
</html>